
<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>一丢丢</title>
    <link rel="stylesheet" type="text/css" href="css/common.css" />
    <link rel="stylesheet" type="text/css" href="css/index.css" />
    <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" type="text/css" href="css/content.css" />
    <script src="jQuery/html5shiv.js"></script>
    <script src="jQuery/jquery-min.js"></script>
    <script src="jQuery/responsiveslides.min.js"></script>
    <script src="jQuery/main.js"></script>
    <script src="https://api.map.baidu.com/api?v=2.0&ak=2.0&ak=GXDsR3k2vs11YfLAHFDeHv5VY1RBos4F&s=1" type="text/javascript"></script>
</head>
<style type="text/css">
    #allmap {width: 80%;height: 800px;overflow: hidden;margin:0;font-family:"微软雅黑";margin:0 auto;margin-top:20px; margin-bottom:20px;}
</style>
<body>
<header class="header">
    <div class="w clearfix">
        <a href="/html/Main.html" ><div class="logo fl"></div></a>
        <!-- <p class="p fr">
             <a class="language_switch fr" href="javascript:void(0);">Global</a>
         </p>-->
        <ul class="nav fr">

            <li><h2><a href="#">产品介绍</a></h2></li>

            <li><h2><a href="/html/Givenchy.html">品牌介绍</a></h2></li>

            <li>
                <h2><a href="/html/aboutUs.html">关于我们</a></h2>
            </li>
            <li>
                <h2></h2>
            </li>
        </ul>

        <!--子菜单-->
        <div class="submenu">
            <div class="sub_panel">

                <dl>
                    <dd class="clearfix">
                        <div class="webstieMain">
                            <a href="/html/X.html?version=1">
                                <img src="img/small.png" alt="室内版本" /><br /><div class="classsize">室内版本</div>
                            </a>
                        </div>
                        <div class="webstieMain" style="  margin-left:0px;">
                            <a href="/html/Sx.html?version=2">
                                <img src="img/big0.png" alt="室外版本" /><br /><div class="classsize">室外版本</div>
                            </a>
                        </div>

                    </dd>
                </dl>
            </div>
        </div>
    </div>
</header>
<section>
    <ul>
        <li>
                <img src="img/aboutour.jpg" style="width:100%;" alt="">
        </li>
    </ul>
</section>
<div id="allmap"></div>
<script type="text/javascript">
    // 百度地图API功能
    var map = new BMap.Map("allmap");    // 创建Map实例
    var point = new BMap.Point(112.369122,34.603173);  // 初始化地图,设置中心点坐标和地图级别
    //添加地图类型控件
    var marker = new BMap.Marker(point);  // 创建标注
    map.addOverlay(marker);              // 将标注添加到地图中
    marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画

    map.centerAndZoom(point, 17);
    /* var infoWindow = new BMap.InfoWindow("地址：北京市东城区王府井大街88号乐天银泰百货八层");  // 创建信息窗口对象*/
    /* marker.addEventListener("click", function(){
         map.openInfoWindow(infoWindow,point); //开启信息窗口

     });*/
    map.addControl(new BMap.MapTypeControl({
        mapTypes:[
            BMAP_NORMAL_MAP,
            BMAP_HYBRID_MAP
        ]}));
    map.setCurrentCity("洛阳");          // 设置地图显示的城市 此项是必须设置的
    map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放
    // 定义一个控件类,即function
    function ZoomControl() {
        this.defaultAnchor = BMAP_ANCHOR_TOP_LEFT;
        this.defaultOffset = new BMap.Size(10, 10);
    }
    // 通过JavaScript的prototype属性继承于BMap.Control
    ZoomControl.prototype = new BMap.Control();
    var htmlObj=
        '<dl>' +
        '<dd style="line-height: 30px;">' +
        ' 科门（洛阳）科门智能科技有限公司' +
        '</dd>' +
        '<dd style="line-height: 30px;">' +
        '地址： 河南洛阳高新开发区天中南路与兴业路交叉口' +
        '</dd>' +
        '<dd style="line-height: 30px;">' +
        '电话： 0379-63920733、0379-64589550' +
        '<dd/>' +
        '<dd style="line-height: 30px;">' +
        '邮箱： km@kemenzhineng.com' +
        '</dd>' +
        '</dl>'

    ZoomControl.prototype.initialize = function(map){
        // 创建一个DOM元素
        var div = document.createElement("div");
        div.style.width = "27%";
        div.id ="idbaiozhi";
        div.innerHTML =htmlObj;
        // 添加DOM元素到地图中
        map.getContainer().appendChild(div);
        // 将DOM元素返回
        return div;
    }
    // 创建控件
    var myZoomCtrl = new ZoomControl();
    // 添加到地图当中
    map.addControl(myZoomCtrl);
</script>


<footer class="footer sg_footer">
    <div class="vp-foot ">
        <ul class="vp-foot-category-list">
            <li>
                <dl class="vp-foot-category">
                    <dt>
                        推荐产品
                    </dt>
                    <dd>
                        <a href="/html/X.html?version=1">室内垃圾箱</a>
                    </dd>
                    <dd>
                        <a href="/html/Sx.html?version=2">室外垃圾箱</a>
                    </dd>

                </dl>
            </li>
            <!--
                                <li>
                                    <dl class="vp-foot-category">
                                        <dt>
                                            购买渠道
                                        </dt>
                                        <dd>
                                            <a target="_blank" href="https://sguai.tmall.com/?spm=a1z10.3-b.1997427721.d4918089.68b0aae93WghNn">天猫旗舰店</a>
                                        </dd>
                                        <dd>
                                            <a target="_blank" href="https://search.jd.com/Search?keyword=%E5%B0%8F%E6%B0%B4%E6%80%AA&enc=utf-8&wq=%E5%B0%8F%E6%B0%B4%E6%80%AA&pvid=f0f68b02f6884e1e991404ee87b4bc3f">京东自营店</a>
                                        </dd>
                                    </dl>
                                </li>
            -->
            <li>
                <dl class="vp-foot-category">
                    <dt>
                        关于我们
                    </dt>
                    <dd>
                        <a  href="/html/Givenchy.html">品牌介绍</a>
                    </dd>
                    <dd>
                        <a  href="/html/aboutUs.html">关于我们</a>
                    </dd>
                </dl>
            </li>
            <li>
                <dl class="vp-foot-category">
                    <dt>
                        关注我们
                    </dt>
                    <dd style="margin-bottom: 0px;">
                        <img src="img/wx.png" width="60px" height="60px;"/>
                    </dd>
                    <dd style="margin-bottom: 0px;">
                        微信扫描</br>关注公众号
                    </dd>
                </dl>
            </li>
        </ul>
        <div class="vp-foot-contact">
            <div>
                <dl class="vp-foot-category">
                    <dt>
                        联系我们
                    </dt>
                    <dd>
					<span style="color:#009944"> 0379-63920733
                    </span>
                    </dd>
                    <dd >
                       <span style="color:#009944"> 0379-64589550
                       </span>
                    </dd>
                </dl>
            </div>
        </div>
        <div class="vp-foot-bottom">
            <p class="vp-foot-copyright">
                &copy; 2020 科门（洛阳）科门智能科技有限公司 版权所有 备案号：<a href="http://www.beian.miit.gov.cn">粤ICP备16011455号</a>
            </p>
            <script type="text/javascript" src="https://s5.cnzz.com/z_stat.php?id=1277695990&web_id=1277695990"></script>
            <p>
                <br />
            </p>
        </div>
    </div>
</footer>

<!--返回顶部-->
<div id="backTop"></div>
</body>
</html>